@import "../../../styles/colors.less";

input {
  border: 1px solid #c4c4c4;
  border-radius: 30rpx;

  &.focus { 
      border-color: @purple100;
  }
  &.success {
    border-color: @green;
    position: relative;
    &::after {
      width: 48rpx;
      height: 48rpx;
      content: "";
      background: url(../../../assets/images/right.svg) no-repeat center center;
      position: absolute;
      right: 10rpx;top:50%;
      transform: translateY(-50%);
    }
  }

  &.error {
    border-color: @pink;
    position: relative;
    &::after {
      width: 48rpx;
      height: 48rpx;
      content: "";
      background: url(../../../assets/images/error.svg) no-repeat center center;
      position: absolute;
      right: 10rpx;top:50%;
      transform: translateY(-50%);
    }
  }
}
